<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>剪纸</title>
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <script src="data.js"></script>
</head>
<style>
  .carousel-item img{
      height: 100%;
      width: 100%;
  }
  #body {
    height: 2250px;
  
    background-image: linear-gradient(#f8f8fc,#f57878);
  }
  .back-top{
              width:80px;
              height: 80px;
              text-align: center;
              line-height: 80px;
              position: fixed;
              bottom: 120px;
              right: 30px;
          }
</style>

<body>
  
 <!--渐变背景颜色-->
 <div id="body">
   <div class="container"> 


    <header id="header">
        <div class="row">
            <!-- 布局 -->
            <div class=" container d-flex "  > 
                <!-- 非物质文化遗产的logo（响应式） -->
                <div class="col-2 embed-responsive ">
                    <img src="images/1.png" alt="" class="rounded-circle" style="width: 160px; height: 160px;">
                </div>
                <div class="col-10 " style="height: 50px;">
                    <!-- 非物质文化遗产文字 -->
                    <h1 class="logo " id="fy-logo">非物质文化遗产</h1>
                    <div >
                        <!-- 功能栏：分类的导航链接（胶囊导航） -->
                        <ul class="nav nav-pills">
                          <!-- 非物质文化遗产的全部和分类 -->
                          <li class="nav-item"><a class="nav-link" href="../second-page.html" style="color:white;font-family:'KaiTi'; font-size:20px;">查看全部</a></li>
                          <li class="nav-item"><a class="nav-link" href="../byys.html" style="color:white;font-family:'KaiTi';font-size:20px;">表演艺术</a></li>
                          <li class="nav-item"><a class="nav-link" href="../ctsgy.html" style="color:white;font-family:'KaiTi';font-size:20px ;">传统手工艺</a></li>
                          <li class="nav-item"><a class="nav-link" href="../ktct.html" style="color:white;font-family:'KaiTi';font-size:20px ;">口头传统</a></li>
                          <li class="nav-item"><a class="nav-link" href="../ysyjq.html" style="color:white;font-family:'KaiTi';font-size:20px ;">仪式与节庆</a></li>
                          <li class="nav-item"><a class="nav-link" href="../zrjyyzz.html" style="color:white;font-family:'KaiTi';font-size:20px ;">自然界与宇宙中</a></li>
                      </ul>
                        
                       
                    </div>
                        
                    </div>     
                    
                </div>

                
         <div id="content"  style="width: 1000px; margin:auto ;">  
           <!--查看当前位置-->
           <style>
            .breadcrumb-item + .breadcrumb-item::before {
                content: ">";
           }
       </style>
           <nav>
                <ol class="breadcrumb" style="background-color: rgb(248, 234, 234)" >
                   <p style="color: gray;">你所在的位置：</p> 
                  <li class="breadcrumb-item"><a href="../index.html">首页</a></li>
                  <li class="breadcrumb-item"><a href="../ctsgy.html">目录</a></li>
                  <li class="breadcrumb-item active">当前目录</li>
                </ol>
            </nav>     
            <hr size="10">
            
     
     <!--介绍具体内容-->
        <div class="container " >
             <div class="row d-flex" >
                 <div class="col-md-9">
                  <h3 id="jianzhi_title3" style="color: black; font-family:fantasy; "></h3>
     
                  <div id="jianzhi_description3" style="color: black;  font-family:serif;"></div>
                  
                 
                </div>
              <!--剪纸图片-->
              <div class="col-md-3">
              <div id="picture_jianzhi">
                <img src="images/jz.jpg"  alt="" class="rounded-circle" style="right: auto; width: 250px; height: 200px;">
                 <p style="color:gray; font-size: smaller;">剪纸图片</p> 
                </div>
                
              </div>
              </div>  
            </div>
               <script>
                // TODO 从当前url中查找参数
                let a = '剪纸';
            
                let category1 = categories[a];
                
                //
                let jianzhi_title3 = document.getElementById('jianzhi_title3');
                jianzhi_title3.innerText = category1.title3;
            
                let jianzhi_description3 = document.getElementById('jianzhi_description3');
                jianzhi_description3.innerText = category1.description3;
            
             
            
            
            </script>
            <!--分割线-->
             <hr>
             <!--表格介绍-->
             
              <table>
                <thead>
                  <tr>
                    <th>中文名</th>
                    <th>外文名</th>
                    <th>遗产批准时间</th>
                    <th>开始时间 </th>
                    
                    
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>剪纸</td>
                    <td> Chinese paper cutting</td>
                    <td> 2006-5-20</td>
                    <td>西汉</td>
                    
                   
                  </tr>
                 
                </tbody>
              </table>
          
       
               <!--分割线-->
             <hr>

              <!--内容具体介绍-->
              <h3 id="jianzhi_title4" style="color: black; font-family:fantasy; "></h3>
              <div id="jianzhi_description4" style="color: black;  font-family:serif;"></div>
            
              <!--分割线-->
              <hr>
            <script>
                  let jianzhi_title4 = document.getElementById('jianzhi_title4');
                       jianzhi_title4.innerText = category1.title4;

                       let jianzhi_description4 = document.getElementById('jianzhi_description4');
                            jianzhi_description4.innerText = category1.description4;
    
            </script>

                 <!--内容具体介绍-->   
                 <div class="row">
                    <!--使用轮播进行介绍--> 
                   <div class="col-md-4">
                    <div class="carousel slide" style="width: 300px; height: 400px; background-color: white;" id="my-carousel" data-ride="carousel" data-interval="3000">
                      <!-- carousel-indicators:指示器 -->
                      <ol class="carousel-indicators">
                          <li data-target="#my-carousel " data-slide-to="0" class="active"></li>
                          <li data-target="#my-carousel" data-slide-to="1"></li>
                          <li data-target="#my-carousel" data-slide-to="2"></li>
                      </ol>
                      <!-- 放置轮播图片的容器 -->
                      <div class="carousel-inner">
                          <div class="carousel-item active">
                              <img src="images/jz3.jpg" alt="">
                          </div>
                          <div class="carousel-item">
                              <img src="images/jz6.jpg" alt="">
                          </div>
                          <div class="carousel-item">
                              <img src="images/jz5.jpg" alt="">
                          </div>
                      </div>
                      <!-- 轮播图的控件：上一页和下一页 -->
                      <div>
                          <a href="#my-carousel" class="carousel-control-prev" data-slide="prev">
                              <span class="carousel-control-prev-icon"></span>
                          </a>
                          <a href="#my-carousel" class="carousel-control-next" data-slide="next">
                              <span class="carousel-control-next-icon"></span>
                          </a>
                      </div>
                  </div>
                   </div>
                    <!--使用文字进行具体介绍--> 
                   <div class="col-md-8" >
                 <div style="font-family: serif; color: black; ">
                  <h3>历史沿革</h3>
                  <hr style="width: 20%; float: left;;">
                  <br><br>
                  <h5><b> 先唐</b></h5>
                  
                  纸的发明是在公元前的西汉时代，在此之前是不可能有剪纸艺术的出现的，但当时人们运用薄片材料，通过镂空雕刻的技法制成工艺品，却早在未出现纸时就已流行，即以雕、镂、剔、刻、剪的技法在金箔、皮革、绢帛，甚至在树叶上剪刻纹样。《史记》中的剪桐封弟记述了西周初期周成王用梧桐叶剪成“圭”赐其弟，封姬虞到唐为侯。战国时期就有用皮革镂花，（湖北江凌望山一号楚墓出土文物之一），银箔镂空刻花（河南辉县固围村战国遗址出土文物之一），都与剪纸同出一撤，他们的出现都为民间剪纸的形成奠定了一定的基础。 [5] 
                  南北朝时期《木兰辞》中就有“对镜贴花黄”的诗句 而中国最早的剪纸作品发现  ，是新疆吐鲁番火焰山附近出土的北朝时期（公元386一581年）五幅团花剪纸。这几幅剪纸，采用重复折叠的方式和形象互不遮挡的处理手法 。
                  
                  <h5><b> 唐代</b></h5>
                  唐代剪纸已处于大发展时期，杜甫《彭衙行》诗中有“暖汤濯我足，翦纸招我魂”的句子，以剪纸招魂的风俗当时就已流传民间。现藏于大英博物馆的唐代剪纸均可看出当时剪纸手工艺术水平已极高，画面构图完整，表达一种天上人间的理想境界。唐代流行颉，其镂花木版纹样具有剪纸特色，如现藏日本正仓院的“对羊”，其羊的纹样就是典型的剪纸手工艺术表现手法。
                </div>
              </div>
              <div class="col-md-12">
              <div style="font-family: serif; color: black; ">
                  唐代民间还出现了利用剪纸形式制作的漏版印花板，人们用厚纸雕刻成花版，将染料漏印到布匹上，形成美丽的图案。 [20]  另外，在敦煌莫高窟也出土过唐代及五代的剪纸，如《双鹿塔》《群塔与鹿》《佛塔》等都属于“功德花纸”一类，主要是用来敬供佛像，装饰殿堂、道场。其画面构图复杂，有具体的内容，外还有《菩萨立像》《持幡菩萨立像》等水墨画镂空剪纸，是剪纸与绘画相结合的作品 [10]  。
                  
                  <h5><b> 宋代</b></h5>
                  南宋时期，已经出现了以剪纸为职业的行业艺人。据宋人周密《武林旧事》中记载，此时杭州的“小经济”多达上百种。其中就专门有“剪镞花样”者，有的善剪“诸家书字”，有的专剪“诸色花样”  。
                  宋代造纸业成熟，纸品名目繁多，为剪纸的普及提供了条件。如成为民间礼品的“礼花”，贴于窗上的“窗花”，或用于灯彩、茶盏的装饰。宋代民间剪纸的运用范围逐渐扩大，江西吉州窑将剪纸作为陶瓷的花样，通过上釉、烧制使陶瓷更加精美；民间还采用剪纸的形式，用驴、牛、马、羊等动物的皮、雕刻成皮影戏的人物造型；蓝印花布工艺制作的镂花制版是用油纸板雕镂成纹，刮浆印花的花版纹样就是采用剪纸的技法，有阴、阳刻之分，长线要割断，以点分虚实。 [20] 
                  
                  <h5><b>明清</b> </h5>
                  明、清时期剪纸手工艺术走向成熟，并达到鼎盛时期。民间剪纸手工艺术的运用范围更为广泛，举凡民间灯彩上的花饰，扇面上的纹饰，以及刺绣的花样等等，无一不是利用剪纸作为装饰成再加工的。 而更多的是中国民间常常将剪纸作为装饰家居的饰物，美化居家环境，如门栈、窗花、柜花、喜花，棚顶花等都是用来装饰门窗、房间的剪纸。 
                  剪纸艺术虽然来自于民间，但到清代已经成为全民性的艺术，就连当时的皇亲国戚也都离不开剪纸。北京故宫的坤宁宫是清代皇帝结婚时的花烛洞房。宫殿前后窗的窗纸都是裱糊在外面的。墙壁用纸裱糊，四角贴有黑色的“囍”字剪纸角花，顶棚中心是黑色的龙凤团花剪纸。宫殿两旁的过道墙壁上也贴有剪纸。从剪纸的纹样、用料、用色来看，与普通农家的顶棚花、墙花相比，除了剪纸图案稍大以外，基本没有差别  。
                  <div class="row">
                  <div class="col-md-10">
                  <h4><b>近现代</b> </h4>
                  20世纪初“五四”新文化运动，在先进知识分子蔡元培、鲁迅、刘半农、周作人等倡导下，建立了中国民俗学的雏形。他们广泛收集民间文学资料，同时也努力收集民间美术作品，其中就有民间剪纸这一项。30年代，艺术家陈志农在北京开始了民间剪纸的研究与创作。他用速写和剪影的形式描绘了老北京大量的风俗民情，串街小贩、作坊工匠、食摊茶挑、集市庙会、市井闲人等。
                  20世纪40年代，以现实生活为题材的剪纸开始出现。1942年，毛泽东发表的《在延安文艺座谈会上的讲话》指出“文艺为工农兵服务”的文艺方针。此后，延安鲁艺的艺术家陈叔亮、张仃、力群、古元、夏风等人开始学习当地具有深厚群众基础的民间剪纸，对民间剪纸进行了搜集、发掘、整理和研究，并创作出了一大批反映边区人民生产、生活、战斗的新剪纸。作品运用了民间传统的样式，描写了抗日战争和边区建设的新内容。它推动了群众性剪纸的创作和发展，使传统的民间剪纸发生了革命性的变化。1944年，在陕甘宁边区还首次展出了西北地区的民间新剪纸作品，为新中国成立后剪纸艺术的发展拉开了序幕。可以说延安的剪纸开创了中国剪纸的新纪元。
                  新中国成立后，在“百花齐放，推陈出新”文艺方针的指导下，艺术家们创作了大量表现社会主义新人新事的新剪纸，开拓了剪纸创作的道路，也丰富了中国民间装饰美术的形式和内容。在新剪纸的创作中除了表现各行各业新气象的剪纸外，儿童、体育、杂技、歌舞等也成为剪纸最常见的题材。
                  剪纸艺术自诞生以来，在中国历史上就没有中断过。它充实于各种民俗活动中，是中国民间历史文化内涵最为丰富的艺术形态之一 。
                      </div>
                      
                      <div class="col-md-2" >
                        
                          <img src="images/jz2.jpg" alt=""  id="shopping">
                          <a href="https://item.taobao.com/item.htm?id=600921661836&ali_trackid=2:mm_31205575_2144050062_111424150472:1640268624_193_745411935&union_lens=lensId:OPT@1640268260@212bfe2e_086c_17de79b6390_ca06@01;recoveryid:201_11.27.26.119_1019282_1640268252097;prepvid:201_11.11.161.153_1021486_1640268259540&spm=a2e1u.19484427.29996460.18&pvid=100_11.182.41.68_50499_7501640268259979423&scm=null&bxsign=tbk9y+YCbZ6H+w4z34i0CB94dIvYYMr8sLxh/mwpoB7yrtmGB+NIn98UfsD37SsW1MgjjCfcmrqVGl5csyLqJ1V7nXxt0pNANSRl+mAuYcQp1A=&mt=">
                          点击此处购买>>
                          </a>
                        
                        </div>
                      </div>
                  </div>
                </div>
              </div>          
            </div>
            </div>
        
            <div class="back-top">
              <a href="#header">
                <img src="../images/top.gif" alt="" style="width: 60px; height: 80px;">
              </a>
          </div>
          <br><br><br>
          <hr>
          <footer class="footer">
            <div class="sub-foot" style="font-size: smaller;">
      
                法律条款     
                隐私保护     
                联系我们     
                常见问题     
            </div>
            <P style="font-size: smaller; text-align: center;">版权所有@NIIT</P>
          </footer>  
      
           
     

</body>
</html>